@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body {font-family:"微软雅黑",arial;  font-size:16px; background:#fff; color:#333;}
ol,ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
em,i,strong{ font-style:normal; font-weight:normal;}
table {    border-collapse: collapse;border-spacing: 0;}
img{border:none;}
a{text-decoration: none;color:#333;}
strong{ font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
.Pr {    position: relative;}
.Pa {    position: absolute;}
button{cursor:pointer;}
button:hover{color:#0f75bc;}
/*去除Chrome等浏览器文本框默认发光边框*/
.clear{clear:both;}
.dis{display:block;}
.undis{display:none;}
input:focus, textarea:focus { outline: none; }
input,textarea { font-family: "microsoft yahei";}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {outline:none;}
/*禁止拖动大小*/
textarea{resize:none}
/* 去掉 table cell 的边距并让其边重合 */
table { border-collapse:collapse;border-spacing:0;}
/* ie bug：th 不继承 text-align */
th {text-align:inherit;}
/* ie6 7 8(q) bug 显示为行内表现 */
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {border:none;font-variant:normal;}

 /*使用字体库时，让i标签继承行高*/
i{line-height: inherit!important ; font-size:inherit }

/*这一句是用来解决在安卓上的点击出现篮框问题*/
body{ 
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
	-o-tap-highlight-color:rgba(0, 0, 0, 0);  
	tap-highlight-color:rgba(0, 0, 0, 0);  
}
/*下面是解决ios上去除微信点击蓝色边框 */
a:focus,input:focus,p:focus,div:focus{
/*-webkit-user-modify:read-write-plaintext-only; */
}

/*通用样式*/
.qing { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }
.ind_content{ display:block; width:100%; height:auto; padding:3rem 0;}
.max_width_1200{ width:96%; height:100%; max-width:1200px; margin:0 auto;}
.n_content{ margin:1rem auto 2rem; width:100%; height:auto;}
.ind_title{text-align:center; color:#333; font-size:2.25rem; font-weight:bold; line-height:3rem; padding-bottom:.875rem; background:url(../images/x.png) no-repeat bottom center; margin-bottom:1.5rem;}
.ind_more{ text-align:center; margin:2rem 0 0; line-height:3rem;}
.ind_more a{ padding:.875rem 4rem; font-size:.875rem; line-height:1rem; background:#c00; color:#fff; border-radius:.3rem;}
/*通用样式 end*/


/*banner*/
.banner_chart { width:100%; position:relative; overflow:hidden;}
.flexslider{ width:100%; height:auto; position:relative; overflow:hidden;}
.slides{ width:100%; height:0; padding-bottom:50%; position:relative; z-index:1;}
.slides li{ height:auto;}
.slides li a { display:block; width:100%; height:100%; z-index:-9999;}
.slides li a img{ display:block; width:100%; height:100%;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px; z-index:2;}
.flex-control-nav li{width: 14px; height: 14px; margin:0 5px; display:inline-block; *display:inline; zoom:1;}
.flex-control-nav a{ width:14px; height:14px;line-height:40px; display:inline-block; overflow:hidden;background:url(../images/dot.png) right 0 no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{ background-position:0 0;}
.flex-direction-nav{ width:100%; position:absolute; top:45%; z-index:3;}
.flex-direction-nav li a{ width:50px; height:50px; display:block; overflow:hidden; cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{ left:40px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{ right:40px; background:url(../images/next.png) center center no-repeat;}
/*banner   end*/


.service ul li{ width: 23.5%; margin-right:2%; float:left; margin-top:2%; text-align:center; }
.service ul li:nth-child(4){ margin-right:0;}
.service ul li:nth-child(5){ width: 18.4%;}
.service ul li:nth-child(6){ width: 18.4%;}
.service ul li:nth-child(7){ width: 18.4%;}
.service ul li:nth-child(8){ width: 18.4%;}
.service ul li:nth-child(9){ width: 18.4%; margin-right:0;}
.service_img{ width:100%; height:0; padding-bottom:75%; position:relative;box-shadow:0 0 10px #aaa; overflow:hidden;}
.service_img img{ display:block; width:100%; height:100%; position:absolute; transition:all .3s;}
.service_img img:hover{transform:scale(1.1); transition:all .3s; }
.service_size{ font-size:1rem; line-height:2rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*服务领域  end*/

.abouts{ width:100%; position:relative; background:#f5f5f5; padding:3rem 0;}
.abouts_pr{ height:auto; z-index:99; margin:0 auto;}
.abouts_pr .ind_title{ margin-bottom:3rem;}
.abouts_column{ height:auto; z-index:9; margin:0 auto;}
.abouts_x{ display:flex; width:100%; max-width:1200px; margin:0 auto;}
.abouts_l,.abouts_r{ width:50%; }
.abouts_r{ max-width:600px;}
.abouts_l img{ display:block; width:100%; height:auto; }
.abouts_column{ background:#fff; box-shadow:0 0 10px #aaa; margin-top:3rem; }
.abouts_column ul{ width:100%;}
.abouts_column ul li{ width:12.5%; float:left; font-size:1rem; line-height:5rem; text-align:center;}
.abouts_column ul li a{ display:block; transition:all .3s;}
.abouts_column ul li a:hover{ box-shadow:0 0 10px #aaa; color:#c00; font-weight:bold;}
.abouts_rx{ display:table; width:100%; height:100%; text-align:right;}
.abouts_rxs{ display:table-cell; vertical-align:middle;}
.abouts_title h2{ font-size:1.5rem; color:#eb0001; font-weight:bold;}
.abouts_title p{ font-size:1rem; color:#666; padding:.875rem 0;}
.abouts_title span{ display:block; width:6rem; height:2px; background:#999; float:right; margin-bottom:1rem;}
.abouts_jj{ clear:both; width:90%; margin-left:10%; font-size:1rem; line-height:1.875rem; text-align:left;word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;/*数字为显示几行*/
    overflow: hidden;}
.abouts_r .ind_more a{ float:right;}
/*走进豪雅  end*/

.honors_ul{ padding-top:.5rem;}
.honors_ul li{ width:23.5%; margin-right:2%; float:left;}
.honors_ul li:nth-child(4n){ margin-right:0;}
.honors_ul li a{ display:block; position:relative;}
.honors_img{ width:100%; height:0; padding-bottom:75%; position:relative; border:1px solid #ccc;transition:all .3s;}
.honors_img img{ display:block; width:100%; height:100%; position:absolute;}
.honors_bt{ width:92.5%; padding:0 4%; line-height:2rem; background:rgba(0,0,0,.6); color:#fff; position:absolute; bottom:0; text-align:center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition:all .3s;}
.honors_ul li a:hover .honors_img{ border:1px solid #c00;}
.honors_ul li a:hover .honors_bt{ background:#c00;}
/*企业荣誉  end*/


.news{ background:url(../images/nbg.jpg) no-repeat center center; background-size:cover;}
.news_ul li{ width:49%; margin-right:2%; float:left; box-shadow:0 0 10px #aaa; margin-top:2%; background:#fff; }
.news_ul li:nth-child(2n){ margin-right:0;}
.news_ul li:last-child{ background:url(../images/nbg2.jpg) no-repeat center center; background-size:cover;}
.news_ul li a{ display:block; padding:4%; height:8.5rem;}
.news_sj{ font-size:.875rem; line-height:1rem; color:#999;}
.news_title{ font-size:1.25rem; line-height:2rem; margin:.5rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition:all .3s;}
.news_jj{ font-size:1rem; line-height:1.5rem; margin-bottom:.5rem; word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*数字为显示几行*/
    overflow: hidden; }
.news_more{ font-size:.875rem; line-height:1rem; color:#c00;}
.news_ul li a:hover .news_title { color:#c00;}
.news_mores{ width:100%; height:100%; display:table;}
.news_mores>div{ display:table-cell; vertical-align:middle; text-align:center; background:rgba(0,0,0,.5); color:#fff;}
.news_mores>div>img{ display:block; margin:0 auto; margin-bottom:1rem;transition:all .3s;}
.news_ul li:last-child a:hover .news_mores>div>img{transform: rotateY(180deg);}
/*新闻动态  end*/

.links{ font-size:.875rem; line-height:3rem;}
.links a{ color:#c00; margin:0 .5rem}
/*友情链接  end*/

.foots{ width:100%; background:#333; color:#ddd;}
.foots_x{ display:flex; padding:2rem 0;}
.foots_x>div{ width:33.3%;}
.foots_x>.foots_l{ width:30.3%; margin-right:3%; font-size:.875rem; line-height:1.875rem; text-align:left;}
.foots_ls{ width:100%; height:100%; display:table;}
.foots_lc{ display:table-cell; vertical-align:middle;}
.foots_c{ text-align: center; border-left:1px solid #fff; border-right:1px solid #fff;}
.foots_r{ text-align: center;}
.foots_c img,.foots_r img{ display:block; width:auto; max-width:50%; margin:0 auto;}
.foots_r p{ font-size:.875rem; line-height:2rem;}
.copyright{ border-top:1px solid #fff; line-height:3rem; text-align:center; font-size:.875rem;}
.copyright a{ color:#ddd;}
/*底部  end*/

.bot_kong{ display:none; height:3.5rem;}
.bot_btn{ display:none; width:100%; height:3.5rem; position:fixed; bottom:0; left:0;}
.bot_btn ul{ width:100%;}
.bot_btn ul li{ float:left; width:33.33%; text-align:center; font-size:1rem;}
.bot_btn ul li:first-child{ background:#333;}
.bot_btn ul li:nth-child(2) { background:#f57f00;}
.bot_btn ul li:last-child { width:33.34%; background:#c00;}
.bot_btn ul li a{ display:block; width:100%; height:100%; line-height:3.5rem; color:#fff;}
/*手机端底部按钮   end*/

.side{ position:fixed; right:2%; bottom:15rem; z-index:99999}
.side1{ position:fixed; right:2%; bottom:18.5rem; z-index:99999}
.side_1{ margin-bottom:.5rem;}
.side_tel{ width:3rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; background:#000; border-radius:.5rem; overflow:hidden; transition:.5s;}
.side_tel img{ display:block; width:3rem; height:3rem; float:right;}
.side_tel p{ width:10rem; text-align:center;}
.side_1 a:hover .side_tel{ width:13.5rem; transform:.5s; background:#c00;}

.side2{position: fixed;width: 3rem;right: 2%;z-index: 99999;bottom: 8rem;height: auto;}
.side2 ul li{width: 3rem;height: 3rem;margin-bottom:.5rem;border-radius:.5rem;overflow:hidden;}
.side2 ul li a{display: block;background: #000;height: 100%;width: 100%;text-align: center;line-height: 3rem;}
.side2 ul li a img{width:3rem;vertical-align: middle;display: inline-block;}
.side2 ul li a:hover{background-color: #c00;}
.side2 ul li .weixin{position: absolute;right: 4rem;bottom: 0;display: none;}
.side2 ul li .weixin em{background: red;width: 5px;height: 17px;display: block;position: absolute;right: -5px;	top: 50%;margin-top: 3px;}
.side2 ul li .weixin img{display: block;width:8rem; height:8rem;}
/*右侧浮动   end*/      

        
/**********************  index  end  **************************/

.n_banner{ width:100%; height:auto; position:relative;}
.n_banner_img img{ display:block; width:100%; height:auto;}
.n_titles{ position:absolute; z-index:9; color:#fff; top:45%; left:0; right:0; margin:0 auto; text-align:center; background:url(../images/bg.png) no-repeat top center;}
.n_titles h2{ font-size:1.875rem; margin-bottom:1.875rem;}
.n_titles p{ font-size:1.125rem; margin-bottom:1rem; display:none;}
/**内页banner end**/
.n_navs{ width:100%; background:rgba(164,0,13,.5); position:absolute; bottom:0;}
.n_navs ul{ width:100%; }
.n_navs ul li{ width:auto; min-width:10%; float:left; line-height:3rem;}
.n_navs .hy_als li{ width:10%; min-width:10%;}
.n_navs ul li a{ color:#fff; display:block; padding:0 1rem; text-align:center; transition:all .3s;}
.n_navs_sele{ background:#a4000d;}

.n_navs ul li a:hover{ background:#a4000d;  transition:all .3s;}
/**内页导航 end**/
.b_trail{ font-size:.875rem; line-height:3rem; text-align:right;}
.b_trail a{ margin:0 .5rem;}
/**当前位置 end**/
.latest_news{ width:100%; padding:1rem 0;}
.latest_news h2{ font-size:1.5rem; line-height:1.5rem;}
.latest_news h2 span{ display:block; height:1.5rem; padding-left:.5rem; border-left:4px solid #c00; font-weight:bold; color:#666;}
.latest_news .news_ul li:last-child{ background:#fff;}
.latest_news .news_ul li a{ height:auto;}
.latest_news .news_jj{ margin-bottom:0;}

/**********************  内页公共样式  end  **************************/


.company{ width:100%; font-size:1rem; line-height:1.875rem;}
.company h2{ font-size:2.25rem; font-weight:bold; text-align:center; margin-bottom:1.5rem;}
.company_introduce{ font-size:1rem; line-height:1.875rem; text-indent:2rem;}
.company_introduce img{ display:block; width:auto; max-width:100%; height:auto; text-indent:0; margin:0 auto;}
.company img{ display:block; width:auto; max-width:100%; height:auto; text-indent:0; margin:0 auto;}

/**********************  企业简介  end  **************************/

.aptitude .honors_bt{ position:relative; background:none; color:#333;}
.aptitude ul li{ margin-bottom:.5rem;}
.aptitude ul li a:hover .honors_bt{ background:none;}

.fenye { width:100%; text-align:center; line-height:3rem; margin:2rem 0;}
.fenye>a{ padding:.5rem 1rem; margin:0 1%; border:1px solid #999;}
.fenye>b{ padding:.5rem 1rem; margin:0 1%; background:#e60012; color:#fff;border:1px solid #e60012;}
.fenye>a:first-child{ background:#e60012; color:#fff;border:1px solid #e60012;}
.fenye>a:hover{ background:#e60012; color:#fff;border:1px solid #e60012;}
/**********************  企业资质  end  **************************/

.hy_news{ width:100%;}
.hy_news ul li{ margin-bottom:1.5rem;}
.hy_news ul li:last-child{ margin-bottom:0;}
.hy_news ul li a{ display:flex;}
.hy_news_l{ width:30%; position:relative; border:1px solid #ccc; }
.hy_news_r{ width:66%; margin-left:4%;}
.hy_news_l>div{ width:100%; height:0; padding-bottom:65%; position:relative;}
.hy_news_l>div>img{ display:block; width:100%; height:100%; position:absolute;}
.hy_news_l>p{ position:absolute; right:0; top:0; padding:.5rem 1rem; background:rgba(0,0,0,.5); color:#fff;}
.hy_news_c{ width:100%; height:100%; display:table; text-align:left;}
.hy_news_cx{ display:table-cell; vertical-align:middle;}
.hy_news_cx>div{ font-size:1.25rem; padding-bottom:1.5rem; margin-bottom:1.25rem; border-bottom:1px solid #ccc; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hy_news_cx>p{ font-size:1rem; line-height:1.875rem; color:#666;word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;/*数字为显示几行*/
    overflow: hidden;}
.hy_news ul li a:hover .hy_news_cx>div{ color:#c00;}
/**********************  新闻中心  end  **************************/


.hy_news .hy_news_title{ width:100%; text-align:center; padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px solid #ccc;}
.hy_news_title h2{ font-size:1.5rem; margin-bottom:.5rem;}
.hy_news_title p{ color:#.875rem; line-height:1.25rem; color:#999;}
.hy_news_title p span{ margin:0 1.5rem;}
.hy_news_title p img{ vertical-align:middle; margin-top:-2px; margin-right:.5rem; }
.hy_news_xq{ font-size:1rem; line-height:1.875rem; text-indent:2rem;}
.hy_news_xq img{ display:block; text-indent:0; width:auto; max-width:100%; height:auto; margin:.5rem auto;}

.sxp{ width:100%; line-height:2rem; font-size:.875rem; color:#666; margin:2rem 0;}
.sxp>div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sxp>div a:hover{ color:#c00; }
/**********************  新闻详情  end  **************************/


.hy_service{ width:100%; }
.hy_service ul li{ width:32%; margin-right:2%; float:left; margin-bottom:2%;}
.hy_service ul li:nth-child(3n){ margin-right:0;}
.hy_service ul li a{ display:block; position:relative;}
.hy_service_img{ width:100%; height:0; padding-bottom:75%; position:relative;}
.hy_service_img img{ display:block; width:100%; height:100%; position:absolute;}
.hy_service_img  p{ width:96%; padding:0 2%; font-size:1rem; line-height:2.5rem; background:rgba(0,0,0,.5); color:#fff; position:absolute; bottom:0; z-index:9; text-align:center; transition:all .3s;}
.hy_service_m{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; background:rgba(0,0,0,.5); opacity:0; transition:all .3s;}
.hy_service_mx{ width:96%; height:100%; padding:2%; display:table; text-align:center }
.hy_service_ms{ display:table-cell; vertical-align:middle; border:1px solid #fff;}
.hy_service_ms>img{ display:block; width:auto; max-width:3.75rem; margin:0 auto;}
.hy_service_ms>p{ font-size:1.25rem; line-height:3rem; color:#fff;}
.hy_service ul li a:hover .hy_service_img p{ opacity:0;  transition:all .3s;}
.hy_service ul li a:hover .hy_service_m{ opacity:1;  transition:all .3s;}

/**********************  服务领域  end  **************************/

.hy_service_title{ margin-bottom:1.5rem;}
.hy_service_title h2 span{font-size: 1.5rem;line-height: 1.5rem;display: block;height: 1.5rem; padding-left: .5rem; border-left: 4px solid #c00; font-weight: bold; color: #333;}
.hy_service_xq{ font-size:1rem; line-height:1.875rem; text-indent:2rem;}
.hy_service_xq img{ display:block; text-indent:0; width:auto; max-width:100%; height:auto; margin:.5rem auto;}


/**********************  服务领域-详情  end  **************************/

.hy_anli{ width:100%;}
.hy_anli ul li{ width:49%; margin-right:2%; box-shadow:0 0 10px #ccc; float:left; margin-bottom:2%;}
.hy_anli ul li:nth-child(2n){ margin-right:0;}
.hy_anli ul li a{ display:flex;}
.hy_anli_l{ width:50%;}
.hy_anli_r{ width:44%; padding:3%;}
.hy_anli_l p{ width:100%; height:0; padding-bottom:75%; position:relative;}
.hy_anli_l p img{ display:block; width:100%; height:100%; position:absolute;}
.hy_anli_mc{ font-size:1.25rem; line-height:2rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hy_anli_sj{ font-size:.875rem; color:#999; margin:1rem 0;}
.hy_anli_jj{ font-size:.875rem; line-height:1.5rem; height:4.5rem; color:#666;word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;/*数字为显示几行*/
    overflow: hidden;}
.hy_anli_more{ width:100%; height:1rem; background:url(../images/m_05.jpg) no-repeat left center; margin-top:.875rem;transition: all .3s;}
.hy_anli ul li a:hover .hy_anli_more{ background:url(../images/m_03.jpg) no-repeat left center; transition: all .3s;}
/**********************  案例  end  **************************/

.sc_content{ width:100%; position:relative;}
.baidu_x{ width:100%; height:500px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.sc_size{ width:50%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.75); color:#fff;}
.sc_dt{ width:80%; height:100%; padding:10%; display:table; text-align:left;}
.sc_dtx{ display:table-cell; vertical-align:middle; }
.sc_dtx>h2{ font-size:1.875rem; line-height:3rem; padding-left:5rem; background:url(../images/c_03.png) no-repeat center left; margin-bottom:1rem;}
.sc_dtx>p{ font-size:1rem; line-height:3rem; }
/**********************  联系我们  end  **************************/

.feedback{ display:flex;}
.l_form,.r_is{ width:50%; }
.l_form form{ width:90%; }
.l_form form input{ width:100%; border:none; border:1px solid #ccc; line-height:3rem; text-indent:1rem; box-shadow:0 0 10px #ccc; margin-bottom:1rem;}
.l_form form textarea{ width:94%; padding:2% 3%; border:1px solid #ccc;box-shadow:0 0 10px #ccc; min-height:6rem; margin-bottom:1rem;}
.l_form form input:last-child{ width:40%; text-indent:0; font-size:1rem; background:#a4000d; color:#fff; margin-bottom:0;}
.r_is{ background:url(../images/c0_03.jpg) no-repeat center center;}
.r_is_x{ width:90%; height:100%; padding: 5%; display:table;}
.r_is_z{ display:table-cell; vertical-align:middle; color:#fff;}
.r_is_z h2{ font-size:2rem; margin-bottom:1.875rem;}
.r_is_z p{ font-size:1rem; line-height:1.875rem;}
/**********************  意见   反馈  end  **************************/

.course{ width:100%;}
.course ul { width:97.5%; margin:0 auto; border-left:5px solid #ff0000; padding:2rem 0; }
.course ul li{ display:flex; line-height:1.5rem; margin-bottom:3rem;}
.course ul li:last-child{ margin-bottom:0;}
.course_img{ width:8%; margin-left:-1.25%;}
.course_size{ width:92%; display:flex;}
.course_size span{ margin-right:1rem;}
/**********************  course  end  **************************/


.recruit_last{ width:100%; max-width:800px; margin:0 auto;}
.recruit_last table { width:100%; font-size:1rem; line-height:1.5rem;}
.recruit_last table tr{ border-bottom:1px solid #ccc;}
.recruit_last table tr th{ width:16.65%; text-align:center; line-height:2.5rem; background:#a4000d; color:#fff; border-right:1px solid #fff;}
.recruit_last table tr td{ width:16.66%; font-size:.875rem; text-align:center; padding:.5rem 0;}
.recruit_last table tr td a:hover{ color:#c00;}
.recruit_last table tr:hover{ background:#eee;}


/**********************  招聘列表  end  **************************/

.recruit_xq{ width:100%;}
.recruit_xqs{ margin-bottom:1.5rem;}
.recruit_xqs h3{ font-size:1.5rem; font-weight:bold; color:#c00; margin-bottom:.65rem;}
.recruit_xqs h4{ font-size:1.125rem; font-weight:bold; color:#c00; margin-bottom:.65rem;}
.recruit_xq_size{ font-size:1rem; line-height:1.875rem;}
.recruit_xq_size table{ width:100%;}
.recruit_xq_size table tr td{ width:33.33%; text-align:left; line-height:2.5rem;}
.baidu_fx{ padding:1rem 0;}
.recruit_contact{ width:60%;  padding:2% 0; display:flex; font-size:1rem; line-height:2.5rem;}
.recruit_tel{ margin-right:2rem; color:#c00; font-weight:bold;}
.recruit_tel a{ color:#c00;}
.recruit_mail a{ display:block; width:10rem; line-height:2.5rem; background:#c00; border-radius:.3rem; text-align:center; color:#fff;}


/**********************  招聘详情  end  **************************/









/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC   ipad pro*/
@media only screen and (min-width: 992px) and (max-width: 1199px){
	
	
	}
	
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media only screen and (min-width: 768px) and (max-width: 991px){
	
	
	}

/*手机状态下显示的效果*/
@media only screen and (max-width: 767px) {
	
	html,body{ font-size:85%;}
	.ind_content{ padding:1.875rem 0;}
	/*banner*/
	.flexslider{ width:140%; margin-left:-20%;}
	.flex-direction-nav{ top:35%;}
	.flex-direction-nav li a.flex-prev{ left:20%;}
	.flex-direction-nav li a.flex-next{ right:20%;}
	.bot_kong,.bot_btn{ display:block;} 
    /*banner end*/
	
	.service ul li{ width:49%;}
	.service ul li:nth-child(2n){ margin-right:0;}
    .service ul li:nth-child(5){ width: 49%;}
    .service ul li:nth-child(6){ width: 49%;}
    .service ul li:nth-child(7){ width: 32%;}
    .service ul li:nth-child(8){ width: 32%; margin-right:2%;}
    .service ul li:nth-child(9){ width: 32%; margin-right:0;}
	/*服务领域 end*/

	.abouts_x{ display:block; position:relative;}
	.abouts_l{ width:100%; position:absolute; height:100%; overflow:hidden;}
	.abouts_l img{ display:block; width:auto; height:100%; margin:0 auto;}
	.abouts_r{ width:100%; position:relative; z-index:9; background:rgba(255,255,255,.6); padding:10rem 0 16rem;}
	.abouts_rx{ width:96%; margin:0 2%;}
	.abouts_jj{ width:100%; margin:0;}
	.abouts_column ul{ clear:both; text-align:center; margin:0 auto;padding:0;}
	.abouts_column ul li{ width:25%; display:inline-block; _display:inline; *display:inline; zoom:1;}
	/*豪雅集团 end*/
	
	.honors_ul li{ width:49%; margin-bottom:2%;}
	.honors_ul li:nth-child(2n){ margin-right:0;}
	/*企业荣誉  end*/
	
	.news_ul li{ width:100%; margin:1% 0;}
	/*新闻动态  end*/
	
	.foots_x>div{ float:left;}
	.foots_x{ display:block; padding:1rem 0;}
	.foots_x>.foots_l{ width:100%; text-align:center; margin-bottom:1rem;}
	.foots_x>.foots_c{ width:49.5%; border-left:0;}
	.foots_x>.foots_r{ width:50%; }
	.copyright{ margin-top:1rem; line-height:1.875rem; padding:.5rem;}
	/*底部  end*/
	/**********************  index  end  **************************/
	
	.n_content{ width:96%;}
	.n_banner_x{ display:none;}
	.n_navs{ position:relative; height:100%;}
	.b_trail{ clear:both;}
	.n_navs .max_width_1200{ width:100%;}
	.n_navs ul li{ width:auto; min-width:20%; font-size:.875rem;}
	.n_navs ul li a{ color:#333; padding:0;}
	.n_navs ul .n_navs_sele a{ color:#fff;}
	.latest_news h2{ margin-bottom:1rem;}
	/********************** 企业简介  end  **************************/
	
	.hy_news ul li{ margin-bottom:2rem;}
	.hy_news ul li a{ display:block;}
	.hy_news_l{ width:100%;}
	.hy_news_r{ width:100%; margin-left:0; margin-top:1rem;}
	.hy_news_cx>div{ padding-bottom:1rem; margin-bottom:.875rem;}
	/**********************  新闻中心  end  **************************/
	
	.hy_anli ul li a{ display:block;}
	.hy_anli_l{ display:block; width:100%;}
	.hy_anli_r{ width:92%; padding:4%;}
	.hy_anli_sj{ margin:.5rem 0;}
	
	
	.baidu_x{  height:400px;}
	.sc_size{ width:100%; position:relative;}
	.sc_dt{ width:90%; padding:5%;}
	
	
	.feedback{ display:block;}
	.l_form, .r_is,.l_form form{ width:100%; margin-bottom:2rem;}
	
	
	.course ul{ width:92%;}
	.course_img{ width:25%; margin-left:-3.65%;}
    .course_size{ width:82%;}
	
	
	
	
	}
	
	@media only screen and (max-width: 375px) {
		
		.course_img{ margin-left:-4.5%;}
		
		}
    @media only screen and (max-width: 320px) {
		
		.course_img{ width:28%; margin-left:-5%;}
		
		}